<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>${htmltitle}</title>
<link rel="stylesheet" href="${ctx}/static/css/style.default.css" type="text/css" />
<link rel="stylesheet" href="${ctx}/static/css/style.blueline.css" type="text/css" />
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.uniform.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/charCount.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/ui.spinner.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/chosen.jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/custom/general.js"></script>
<script type="text/javascript" src="${ctx}/static/js/custom/script.js"></script>

<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="${ctx}/static/css/style.ie9.css"/>
<![endif]-->
<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="${ctx}/static/css/style.ie8.css"/>
<![endif]-->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body class="withvernav">

<div class="bodywrapper">
    <div class="topheader">
        <div class="left">
            <h1 class="logo"><span> 中国煤炭工业协会培训中心</span>&nbsp;&nbsp;培训系统</h1>
            
            <br clear="all" />
            
        </div><!--left-->
        
        <div class="right">
        
            <shiro:guest>
            <div style="float:left;line-height:40px;">
                <span><a href="${ctx}/user/login" style="font-size:14px;color:#999;">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </div><!--userinfo-->
            </shiro:guest>
            
            <shiro:user>
            <div class="userinfo">
            	<img src="${ipath}/${user.avatar}" alt="" style="width:23px;height:23px;" />
                <span>${user.acct}</span>
            </div><!--userinfo-->
            
            <div class="userinfodrop">
            	<div class="avatar">
                	<a href=""><img src="${ipath}/${user.avatar}" alt="" style="width:95px;" /></a>
                </div><!--avatar-->
                <div class="userdata">
                	<h4>${user.acct}</h4>
                    <span class="email"></span>
                    <ul>
                    	<li><a href="${ctx}/user/pass">修改密码</a></li>
                    	<li><a href="${ctx}/user/edit">修改个人资料</a></li>
                    	<li><a href="${ctx}/user/upload">上传照片</a></li>
                        <li><a href="${ctx}/user/logout">退出</a></li>
                    </ul>
                </div><!--userdata-->
            </div><!--userinfodrop-->
            </shiro:user>
            
        </div><!--right-->
    </div><!--topheader-->
    
    
    <div class="header">
    	<ul class="headermenu">
        	<li><a href="${ctx}"><span class="icon icon-flatscreen"></span>首页</a></li>
        	<li class="current"><a href="${ctx}/proj/"><span class="icon icon-speech"></span>课程</a></li>
        	<li><a href="${ctx}/study/"><span class="icon icon-chart"></span>学习</a></li>
        	<li><a href="${ctx}/notice/"><span class="icon icon-message"></span>信息</a></li>
        	<li><a href="${ctx}/user/"><span class="icon icon-pencil"></span>个人</a></li>
        </ul>        
    </div><!--header-->
    
    <!--leftmenu-->
    <div class="vernav">
    	<ul>
    	    <c:forEach items="${menus}" var="menu">
    	    <c:if test="${menu.id eq data.id}">
        	<li class="current"><a href="${menu.id}">${menu.project}</a></li>
        	</c:if>
    	    <c:if test="${menu.id ne data.id}">
        	<li><a href="${menu.id}">${menu.project}</a></li>
        	</c:if>
        	</c:forEach>
        </ul>
        <a class="togglemenu"></a>
        <br /><br />
    </div><!--leftmenu-->
        
    <div class="centercontent">
    
        <div class="pageheader notab">
            <h1 class="pagetitle">${data.project}</h1>
            <span class="pagedesc">
                <a href="${ctx}/proj/" class="btn btn_link"><span>返回项目列表</span></a>
            </span>
        </div><!--pageheader-->

        <div id="contentwrapper" class="contentwrapper">
        
                <table cellpadding="0" cellspacing="0" border="0" class="stdtable" style="width:70%;">
                    <colgroup>
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th class="head0" style="width:50px;">编号</th>
                            <th class="head1">方向名称</th>
                            <th class="head0">操作</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th class="head0">编号</th>
                            <th class="head1">方向名称</th>
                            <th class="head0">操作</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        <c:forEach items="${list}" var="major">
                        <tr>
                            <td>${major.id}</td>
                            <td>${major.major}</td>
                            <td><a href="${ctx}/major/${data.id}/${major.id}" style="color:#319cff;">查看专业</a></td>
                        </tr>
                        </c:forEach>
                    </tbody>
                </table>
                
                <div class="contenttitle2">
                	<h3>${data.title}</h3>
                </div><!--contenttitle-->
                
                <div>${data.detail}</div>
        
                <div class="contenttitle2">
                	<h3>课程简介</h3>
                </div><!--contenttitle-->
                
                <table cellpadding="0" cellspacing="0" border="0" class="stdtable" style="width:50%;">
                    <colgroup>
                        <col class="con0" />
                        <col class="con1" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th class="head0" style="width:50px;">项目</th>
                            <th class="head1">介绍</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th class="head0">项目</th>
                            <th class="head1">介绍</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr>
                            <td>培训费用</td>
                            <td>￥ ${data.cost}</td>
                        </tr>
						<tr>
						    <td>培训对象</td>
							<td>${data.target}</td>
						</tr>
						<tr>
							<td>课程描述</td>
							<td>${data.course}</td>
						</tr>
						<tr>
							<td>培训方式</td>
							<td>${data.form}</td>
						</tr>
						<tr>
							<td>证&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;书</td>
							<td>${data.certificate}</td>
						</tr>
						<tr>
							<td>联&nbsp;&nbsp;系&nbsp;&nbsp;人</td>
							<td>${data.linkman}</td>
						</tr>
						<tr>
							<td>联系方式</td>
							<td class="select">${data.phone}</td>
						</tr>
						<tr>
							<td>电子邮箱</td>
							<td>${data.email}</td>
						</tr>                    
					</tbody>
                </table>

        </div><!-- contentwrapper -->
    
        
	</div><!-- centercontent -->
    
    
</div><!--bodywrapper-->

</body>

</html>
